.b-share-container{
  background: #fff;
  .title-block{
    color: #000;
    font-size: 30rpx;
    padding: 40rpx 32rpx;
    .main, .sub{
      display: inline-block;
    }
    .sub{
      color: #666;
      font-size: 24rpx;
    }
  }
  .image-list{
    padding: 0 15rpx;
    .image-item{
      margin: 0 15rpx;
      width: 200rpx;
      height: 200rpx;
      display: inline-block;
      border-radius: 20rpx;
      overflow: hidden;
      position: relative;
      .image{
        width: 100%;
        height: 100%;
        border-radius: 20rpx;
      }
      .icon{
        top: 20rpx;
        right: 20rpx;
        width: 36rpx;
        height: 36rpx;
        position: absolute;
      }
      .text{
        color: #FFF;
        font-size: 24rpx;
        text-align: center;
        line-height: 50rpx;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        background: rgba(0,0,0,0.6);
      }
    }
  }
  .content-block{
    @include scrollbar;
    height: 300rpx;
    margin: 0 30rpx;
    padding: 32rpx 30rpx;
    background: #ECECEC;
    border-radius: 20rpx;
  }
  .type-block{
    @include flex;
    @include a-center;
    .type-item{
      @include sub-item;
      @include flex;
      @include center;
      padding: 24rpx 0;

      .icon{
        width: 36rpx;
        height: 36rpx;
        margin-right: 8rpx;
      }
    }
  }
  .btn-block{
    @include flex;
    @include a-center;

    height: 120rpx;
    padding: 0 32rpx;

    .btn{
      @include sub-item;
      color: rgba(255,0,0,1);
      font-size: 30rpx;
      line-height: 80rpx;
      text-align: center;
      border: 1px solid rgba(255,0,0,1);
      border-radius: 40rpx;

      &.btn-img{
        color: #fff;
        margin-left: 32rpx;
        background:linear-gradient(72deg,rgba(253,28,73,1),rgba(234,4,7,1));
      }
    }

  }
}